<gm:page title="accès Element Name Html avec getElementsByName" authenticate="false">
 
  
     <!-- getElementsByName()
     Accède, conformément à la variante HTML du modèle DOM, à un élément 
     HTML qui possède un attribut name. 
 
     Dans exemple ci-dessous, est défini un groupe de cases à cocher qui 
     portent toutes le même nom à savoir "ingredient". Au dessous est noté 
     un bouton pouvant être cliqué, et qui, lorsqu'on le clique appelle la
     fonction "cocher()" qui est notée dans l'entête du fichier. Cette 
     fonction coche la première des cases à cocher. Par 
     "getElementsByName("ingredient")[0]" elle accède au premier élément 
     avec name="ingredient". Même si un tel nom d'élément n'est placé
     qu'une fois dans le document, il faut toujours accéder à l'élément 
     avec la syntaxe Array. Ainsi dans l'exemple l'élément de formulaire 
     pourrait être adressé par exemple par 
     "getElementsByName("formulaire")[0]". La deuxième case à cocher avec 
     le nom "ingredient" pourrait être adressée par 
     "getElementsByName("ingredient")[1"] etc...
 
     Attention:
     La méthode "getElementsByName(") régit en fin de compte l'accès aux 
     éléments HTML. Pour savoir ce que vous pouvez faire avec quels 
     éléments HTML, vous pouvez avoir une vue d'ensemble dans la partie 
     sur les  Objets éléments HTML . Les autres possibilités d'influencer 
     de façon dynamique les éléments HTML sont offertes par l'objet "node".
 
     Vous pouvez également transmettre des variables à cette méthode. Pour
     ce faire, notez simplement les noms de variables sans guillemets à 
     la place d'une valeur fixe par exemple "getElementsByName(nom de 
     variable)". La condition préalable en est cependant que la variable 
     existe aussi.
 
     Opera 5.12 connaît également cette méthode pour adresser les éléments.-->
 
 
     <!-- Déclaration fonction -->
     <HEAD>
           
     <style type="text/css"> 
     
     .normal { font-style:normal }
     
     </style>
 
     <script type="text/javascript">
     <!-- 
     function cocher(){ 
     document.getElementsByName("ingredient")[0].checked = true;
     }
     //-->
     </script>             
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY>
 
     <form name="formulaire" action=""> 
     <input type="checkbox" name="ingredient" value="Salami"> Salami</input><br>
     <input type="checkbox" name="ingredient" value="champignons"> champignons </input><br>
     <input type="checkbox" name="ingredient" value="olives"> olives </input><br>
     <input type="button" value="Test" onClick="cocher()"></input>
     </form>
 
               
        
  
     </BODY>
 
</gm:page>









